<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>性感黑丝蕾丝晚礼服 - Votings</title>
<link href="media/css/style.css" rel="stylesheet" type="text/css" />
<script src="media/js/jquery-1.7.min.js" type="text/javascript"></script>
<script src="media/js/jquery.masonry.min.js" type="text/javascript"></script>
<script>
$(function(){
	var $container = $('#container');
	
	$container.imagesLoaded( function(){
	  $container.masonry({
	    itemSelector : '.pin',
	    isAnimated: 'true'
	  });
	});
});
</script>
</head>

<body>
<div id="nologin">
<div class="nologin-inner">
	<span>呼朋唤友，打败购物纠结</span><a href="#"><img src="media/bg/login-btn.png" /></a> <span>或</span> <a href="#"><img src="media/bg/reg-btn.png" /></a> 
</div>
</div>
<!--no-login-end-->
<div id="header">
<div class="header-inner clearfix">
	<div class="logo"></div>
	<div class="link_wrap">
		<a class="link-votings" href="#">随便看看</a>
		<a class="link-settings" href="#">帐户设置</a>
	</div>
	<div class="user-login clearfix">
		<div class="user-login-photo"><a href="#"><img src="img/header/1.png" alt="name" /></a></div>
		<div class="user-login-name"><a href="#">苍井空</a></div>
		<div class="user-logout"><a href="#">退出</a></div>
	</div>
</div>
</div>
<!--header-end-->
<div id="main">
	<div class="box">
		<div class="voting-top clearfix">
			<div class="user-info">
				<div class="name">苍井空</div>
				<div class="tips">发布于 今天 12：30</div>
				<img class="header-pic" src="img/header/1.png" alt="name" />
			</div>
			<div class="voting-sharing">
				<span class="sharing-title">分享这个投票：</span>
				<span>
					<a href="javascript:void((function(){var title=encodeURIComponent('我在Votings.in发布了一个投票，买东西好纠结，求靠谱建议！');var link=encodeURIComponent(window.location.href);var pic=document.getElementsByTagName('img').length>0?encodeURIComponent(document.getElementsByName('ppic')[0].src):'';window.open('http://service.t.sina.com.cn/share/share.php?title='+title+link+'&pic='+pic);})())" class="lnk-sina" title="分享到新浪微博">分享到新浪微博</a>
					<a href="javascript:void((function(){var title=encodeURIComponent('我在Votings.in发布了一个投票，买东西好纠结，求靠谱建议！');var link=encodeURIComponent(window.location.href);window.open('http://share.renren.com/share/buttonshare.do?link='+link+'&title='+title);})())" class="lnk-renren" title="分享到人人网">分享到人人网</a>
					<a href="javascript:void((function(){var title=encodeURIComponent('我在Votings.in发布了一个投票，买东西好纠结，求靠谱建议！');var link=encodeURIComponent(window.location.href);window.open('http://www.douban.com/recommend/?url='+link+'&title='+title);})())" class="lnk-douban" title="分享到豆瓣">分享到豆瓣</a>
				</span>
			</div>
		</div>
			
		<div class="voting-header">
			<h1>性感黑丝蕾丝晚礼服</h1>
			<div class="votings-data"><span class="votings-down">3</span><span class="votings-up">23</span><span class="votings-views">234</span></div>
		</div>
		<div class="voting-body">
			<div class="voting-pics">
				<div class="user-pic"><table height="450" width="450"> 
					<tr valign="middle"> 
						<td><img src="img/pic/user-pic2.jpg" alt="name" /></td> 
					</tr> 
				</table> <a href="#" class="user-pic-zoom">查看原图</a></div>
				<div class="product-pic"><table height="450" width="450"> 
					<tr valign="middle"><td><img src="img/pic/product-pic2.jpg" name="ppic" alt="product name" /></td> 
						</tr> 
					</table><a href="#" class="product-pic-zoom">查看原图</a></div>
				<div class="voting-link"><img src="media/bg/voting-link.png" alt="voting" /></div>
			</div>
			<div class="voting-more clearfix">
				<blockquote class="voting-des">不知道这个衣服适步适我，在晚会上穿！</blockquote>
				<div class="voting-buy-url">
					<a href="#" class="view-more">查看更多商品信息</a>
				</div>
			</div>
		</div>
		<div class="voting-foot">
			<div class="voting-txt">是否适合我？</div>
			<div class="voting-yes">
				<a class="button" href="javascrip:;"></a>
			</div>
			<div class="voting-no">
				<a class="button" href="javascrip:;"></a>
			</div>
		</div>
		<!--投完票切换下面的状态-->
		<div class="voting-foot"><p>您选择了“Yes”票。感谢参与！</p><a href="javascript:;" class="changed-mind">我改变了主意！</a></div>
		
		<!--关闭投票切换下面的状态-->
		<div class="voting-foot"><p>该投票已经关闭！</p></div>
		
		<div class="voting-op clear fix"><a href="#" class="voting-spam">这是垃圾投票！</a><a href="#" class="voting-close">关闭投票！</a></div>
		<!--voting end-->
		<!--回复开始-->
		<div class="box-header"><h2>目前还没有评论. 赶紧抢沙发!</h2></div>
		<div class="input-wrap clearfix">
			<textarea class="comment-from">在这里写下你的评论</textarea>
			<input type="button" name="comment-btn" class="comment-btn" value="" />
		</div>
		<!--上面是没有回复的样式，下面是有回复的样式-->
		<div class="box-header"><h2>评论</h2></div>
		<div class="comment-list clearfix">
			<a href=""><img class="comment-user-image" src="img/header/1.png" alt="name" /></a>
			<div class="comment-user-name"><a href="">苍井空</a> <span class="comment-time">11-24 18:20</span></div>
			<div class="reply-to-comment">Seriously, at least let us see your legs for this voting be fair</div>
			<div class="comment-del"><a href="#">删除</a></div>	
		</div>
		<div class="comment-list clearfix">
			<a href=""><img class="comment-user-image" src="img/header/1.png" alt="name" /></a>
			<div class="comment-user-name"><a href="">苍井空</a> <span class="comment-time">11-24 18:20</span></div>
			<div class="reply-to-comment">Seriously, at least let us see your legs for this voting be fair.Seriously, at least let us see your legs for this voting be fair</div>
			<div class="comment-del"><a href="#">删除</a></div>
		</div>
		<!--pagination-->
		<div class="grayr"><span class="disabled"> < </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> > </a></div>
		<!--pagination end-->
		
		<div class="box-header"></div>
		<div class="input-wrap clearfix">
			<textarea class="comment-from">Write your comment here</textarea>
			<input type="button" name="comment-btn" class="comment-btn" value="" />
		</div>
		<!--回复结束-->
	</div>
	<!--hot votings-->
	<div class="box box-header"><h1>热门投票</h1></div>
	<div id="container">
		<div class="pin">
			<a href="#"><img src="img/01.jpg" /></a>
			<div class="votings-info">
				<div class="votings-user"><span class="name">苍井空</span><img src="img/header/1.png" alt="name" /></div>
				<div class="votings-data"><span class="votings-down">3</span><span class="votings-up">23</span></div>
			</div>
		</div>
		<div class="pin">
			<a href="#"><img src="img/02.jpg" /></a>
			<div class="votings-info">
				<div class="votings-user"><span class="name">苍井空</span><img src="img/header/1.png" alt="name" /></div>
				<div class="votings-data"><span class="votings-down">3</span><span class="votings-up">23</span></div>
			</div>
		</div>
		<div class="pin">
			<a href="#"><img src="img/03.jpg" /></a>
			<div class="votings-info">
				<div class="votings-user"><span class="name">苍井空</span><img src="img/header/1.png" alt="name" /></div>
				<div class="votings-data"><span class="votings-down">3</span><span class="votings-up">23</span></div>
			</div>
		</div>
		<div class="pin">
			<a href="#"><img src="img/04.jpg" /></a>
			<div class="votings-info">
				<div class="votings-user"><span class="name">苍井空</span><img src="img/header/1.png" alt="name" /></div>
				<div class="votings-data"><span class="votings-down">3</span><span class="votings-up">23</span></div>
			</div>
		</div>
		<div class="pin">
			<a href="#"><img src="img/05.jpg" /></a>
			<div class="votings-info">
				<div class="votings-user"><span class="name">苍井空</span><img src="img/header/1.png" alt="name" /></div>
				<div class="votings-data"><span class="votings-down">3</span><span class="votings-up">23</span></div>
			</div>
		</div>
		<div class="pin">
			<a href="#"><img src="img/06.jpg" /></a>
			<div class="votings-info">
				<div class="votings-user"><span class="name">苍井空</span><img src="img/header/1.png" alt="name" /></div>
				<div class="votings-data"><span class="votings-down">3</span><span class="votings-up">23</span></div>
			</div>
		</div>
		<div class="pin">
			<a href="#"><img src="img/07.jpg" /></a>
			<div class="votings-info">
				<div class="votings-user"><span class="name">苍井空</span><img src="img/header/1.png" alt="name" /></div>
				<div class="votings-data"><span class="votings-down">3</span><span class="votings-up">23</span></div>
			</div>
		</div>
		<div class="pin">
			<a href="#"><img src="img/08.jpg" /></a>
			<div class="votings-info">
				<div class="votings-user"><span class="name">苍井空</span><img src="img/header/1.png" alt="name" /></div>
				<div class="votings-data"><span class="votings-down">3</span><span class="votings-up">23</span></div>
			</div>
		</div>
		<div class="pin">
			<a href="#"><img src="img/09.jpg" /></a>
			<div class="votings-info">
				<div class="votings-user"><span class="name">苍井空</span><img src="img/header/1.png" alt="name" /></div>
				<div class="votings-data"><span class="votings-down">3</span><span class="votings-up">23</span></div>
			</div>
		</div>
		
			
	</div>
	<!--hot votings end-->	
</div>
<!--main end-->

<div class="footer">
<div class="foot-inner clearfix">
	<ul class="foot-nav clearfix">
		<li><a href="#">投票</a></li>
		<li><a href="#">如何使用</a></li>
		<li><a href="#">设置</a></li>
	</ul>
	<ul class="foot-sns clearfix">
		<li class="weibo"><a href="http://weibo.com/votings">新浪微博</a></li>
		<li class="douban"><a href="http://www.douban.com/people/mobfrank/" target="_blank">豆瓣小站</a></li>
	</ul>
	<p class="copyright">© 2011 Votings.in</p>
</div>
</div>
</body>
</html>
